<template>
  <div id="help">
    <div style="margin-bottom: 1.15rem;">
      <group title="常见问题">
        <cell title="账号登录" is-link link="helpArticle?id=1"></cell>
        <cell title="账号认证" is-link link="helpArticle?id=2"></cell>
        <cell title="保证金" is-link link="helpArticle?id=3"></cell>
        <cell title="信用值" is-link link="helpArticle?id=4"></cell>
        <cell title="取消订单" is-link link="helpArticle?id=5"></cell>
        <cell title="提现" is-link link="helpArticle?id=6"></cell>
        <cell title="投诉" is-link link="helpArticle?id=7"></cell>
        <cell title="代收货款/收运费" is-link link="helpArticle?id=8"></cell>
        <cell title="保险须知" is-link link="helpArticle?id=9"></cell>
      </group>
      <group title="同城专车">
        <cell title="优势服务" is-link link="helpArticle?id=29"></cell>
        <cell title="收藏司机/报表" is-link link="helpArticle?id=30"></cell>
        <cell title="接单须知（报价模式）" is-link link="helpArticle?id=31"></cell>
      </group>
      <group title="零担专线">
        <cell title="优势服务" is-link link="helpArticle?id=33"></cell>
        <cell title="收藏司机/报表" is-link link="helpArticle?id=30"></cell>
        <cell title="接单须知（报价模式）" is-link link="helpArticle?id=35"></cell>
      </group>
      <group title="城际整车">
        <cell title="优势服务" is-link link="helpArticle?id=33"></cell>
        <cell title="收藏司机/报表" is-link link="helpArticle?id=34"></cell>
        <cell title="接单须知（报价模式）" is-link link="helpArticle?id=37"></cell>
      </group>

    </div>

    <div class="footer-action flex vux-1px-t">
      <div class="vux-1px-r flex-middle flex" style="justify-content: center;">
        <i class="icon icon-edit1"></i> <span style="font-size: 0.32rem">建议反馈</span>
      </div>
      <div >
        <a :href="'tel:' + tel" class="flex-middle flex" style="justify-content: center;">
          <i class="icon icon-kefu"></i> <span style="font-size: 0.32rem">客服电话</span>
        </a>
      </div>
    </div>
  </div>
</template>
<script>
  import {Cell} from 'vux'
  import PubHeader from '../components/PubHeader.vue'
  export default{
    name: 'help',
    components: {
      PubHeader,
      Cell
    },
    data() {
      return {
          tel: $config.publicTel
      }
    }
  }
</script>
<style scoped>
.footer-action{
  height: 1rem;
  line-height: 1rem;
  background: #fff;
  position: fixed;
  bottom:0;
  right:0;
  left:0;
  text-align: center;
}
.footer-action>div{
  flex: 1;
}
</style>
